<!DOCTYPE HTML>
<!--  manifest="/data/data.appcache" -->
<html manifest="/data/data.appcache">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>更多</title>
<link type="text/css" rel="stylesheet" href="__TMPL__Public/css/style.css">
<link type="text/css" rel="stylesheet" href="__TMPL__Public/css/style.css">
<link type="text/css" rel="stylesheet" href="__TMPL__Public/jQuery.keyboard-master/keyboard.css">

    
<script src="__TMPL__Public/js/jquery.min.js"></script>
<script src="__TMPL__Public/jQuery.keyboard-master/js/jquery.keyboard/jquery.keyboard.js"></script>
<script src="__TMPL__Public/jQuery.keyboard-master/js/jquery.keyboard/keyboards/azerty.js"></script>
<script src="__TMPL__Public/jQuery.keyboard-master/js/jquery.keyboard/keyboards/qwerty.js"></script>
<script src="__TMPL__Public/jQuery.keyboard-master/js/jquery.keyboard/plugins/form.js"></script>
<script src="__TMPL__Public/jQuery.keyboard-master/js/jquery.selection.js"></script>
<script type="text/javascript" src="__TMPL__Public/js/mydemo.js"></script>

<script type="text/javascript" src="__TMPL__Public/js/layer/layer.js"></script>
</head>

<body>
<img src="__TMPL__Public/images/bigtit.jpg" height="445" style="display:block; margin:0 auto">
<div class="page">
	<div class="pagecon">
    	<div class="pagetit">品牌检索</div>
    	<div class="backbutton">
        	<dl>
            	<a href='javascript:void(0)' onclick="javascript:history.go(-1);"><dd>返回</dd></a>
                <a href="javascript:void(0)" onclick='javascript:window,location.reload()'><dd>刷新</dd></a>
                <a href="{:U('shop/index')}"><dd>首页</dd></a>
            </dl> 
        </div>
        <div class="kindbox">
	        	<php>$shops = query_sql("select a.*,b.name floorname,c.name formatname,d.savename,d.savepath,d.size from ".C('DB_PREFIX')."shop a left join ".C('DB_PREFIX')."floor b on a.floorID = b.id left join ".C('DB_PREFIX').
	       		 "format c on a.formatID = c.id left join ".C('DB_PREFIX')."attachment d on a.attachmentID = d.id order by a.floorID asc");</php>
	        	<div class="searchform" style="margin:0 0 30px 195px;">
	               	<div style="float:right; width:35px; padding-top:20px;">
	                	<img id='closeBtn' src="__TMPL__Public/images/qk.png">
	                </div>
	                <input type="text" name='searchBox' list="brand" id="searchinput" style="width:500px"> 
		            <div class="searchpanel hide">
		            	<dl>
		            		<Volist name='shops' id='vo'>
		            			<dd value='{$vo.qp}' jp='{$vo.jp}'>{$vo.shopname}</dd>
		            		</Volist> 
		                </dl> 
		            </div>
	            </div>

				<dl class="searchkind tab_title" id="brandkind">
	             	<dd class="purpleshadow">按楼层查询</dd>
	                <dd class="whiteshadow">按业态查询</dd>
	                <dd class="whiteshadow">按字母查询</dd>
	             </dl> 
             
             <div class="brandlistbox">
             	<div class="blbcon full-height-scroll">
             		<p class='noresult' style='display:none;'>没有查询到数据！</p>
             		<div class='abc'>
                	<Volist name='shops' id='vo'>
                	<div class="storebox" shopname='{$vo.shopname}' floor='{$vo.floorid}' format='{$vo.formatid}' sp='{$vo.sp}'>  
                    	<div class="storepic">
                    			<php>
                    				if($vo['savename']!=null){
                    					$src = "/uploads".$vo['savepath']."m_".$vo['savename'];
                    				}else{
                    					$src = "__TMPL__Public/images/default.jpg";
                    				}
                    			</php>
                            <img src="{$src}" width="160" height="160">
                        </div> 
                        <div class="storeintr"> 
                            <h1>{$vo.shopname}</h1> 
                            <p>所在楼层：{$vo.floorname}<br>主营品类：{$vo.formatname}<br>铺位号：{$vo.number}</p>
                            <php>
                            	$content = strip_tags($vo['content']);
								$content = str_replace(array("\"","'","\r\n","\r","\n"),"",$content);
                            </php>
                            <div class="purpleshadow" onclick="openpage('{$vo.shopname}',' 主营品类：{$vo.formatname}<br>位置：{$vo.address}','{$content}','{$src}')">品牌介绍</div>
                        </div>  
                    </div>
                    </Volist>
                    </div>
                </div> 
             </div>
             <div class="kinddet" id="brandlist">
             	<dl class="floorkind tab_title">
                	<php>$floors = query_sql("select * from  ".C('DB_PREFIX')."floor where status = 1");</php>
                	<Volist name='floors' id='vo'>
                		<dd class="whiteshadow" floorid='{$vo.id}'><span>{$vo.shortname}</span>{$vo.description}</dd>
                	</Volist>
                </dl>
                <dl class="formkind tab_title hide"> 
                	<php>$formats = query_sql("select * from ".C('DB_PREFIX')."format" );</php>
                    <Volist name='formats' id='vo'>
                    	<dd class="whiteshadow" formatid='{$vo.id}'>{$vo.name}</dd>
                    </Volist>    
                </dl> 
                <dl class="letterkind tab_title hide">
                	<dd class="purpleshadow" sp='A'>A</dd>
                    <dd class="whiteshadow" sp='B'>B</dd>  
                    <dd class="whiteshadow" sp='C'>C</dd>  
                    <dd class="whiteshadow" sp='D'>D</dd>  
                    <dd class="whiteshadow" sp='E'>E</dd>
                    <dd class="whiteshadow" sp='F'>F</dd>  
                    <dd class="whiteshadow" sp='G'>G</dd>  
                    <dd class="whiteshadow" sp='H'>H</dd>  
                    <dd class="whiteshadow" sp='I'>I</dd>
                    <dd class="whiteshadow" sp='J'>J</dd>  
                    <dd class="whiteshadow" sp='K'>K</dd>  
                    <dd class="whiteshadow" sp='L'>L</dd>  
                    <dd class="whiteshadow" sp='M'>M</dd>
                    <dd class="whiteshadow" sp='N'>N</dd>  
                    <dd class="whiteshadow" sp='O'>O</dd>  
                    <dd class="whiteshadow" sp='P'>P</dd>  
                    <dd class="whiteshadow" sp='Q'>Q</dd>
                    <dd class="whiteshadow" sp='R'>R</dd>  
                    <dd class="whiteshadow" sp='S'>S</dd>  
                    <dd class="whiteshadow" sp='T'>T</dd>  
                    <dd class="whiteshadow" sp='U'>U</dd>
                    <dd class="whiteshadow" sp='V'>V</dd>  
                    <dd class="whiteshadow" sp='W'>W</dd>  
                    <dd class="whiteshadow" sp='X'>X</dd>  
                    <dd class="whiteshadow" sp='Y'>Y</dd>
                    <dd class="whiteshadow" sp='Z'>Z</dd>   
                </dl> 
             </div>
             <div class="branddet" id="branddet" style="margin:0;display:none;">
			    <div class="detleft">
			        <h2 style="height:auto;line-height:50px;">欧可</h2>
			        <p>
			            商户类别：品牌女装<br>位置：M区四层M4108
			        </p>
			    </div>
			    <div class="detmiddle">
			        <p>演绎休闲与智慧女性的结合是Old Colour设计师们追求的时尚穿衣理念，各有特色的单品之间自由搭配，造型结构以人为本，追求舒适而又兼顾时尚的体感外形。优良的自然纤维面料，极佳的舒适性，处处体现绿色环保理念。色彩以追求大自然的米灰色为基调，每季每波推出流行主色 、亮色，色彩饱和时尚。</p>
			    </div>
			    <div class="detright">
			        <img src="__TMPL__Public/images/eat.jpg">
			    </div> 
			</div>
            <script>
            (function($) {
            	$.keyboard.keyboards.exemple	= [
            		[
            			// The simplest
            			'a',
            			
            			// same as first one
            			{text:'a',cap:'A'},
            			
            			// added some alternate glyphes
            			{text:'a', alt:['à']},
            			
            			// same as previous one
            			{text:'a', alt:['à'], cap: {text:'A', alt:['À']}},
            			
            			// name is added as [classPrefix:keyboard]-key-[name]
            			// action function will be called and no print event will be triggered
            			{text:'⇪',name:'capsLock',action:function(e){e.keyboard('capToggle',true); return false;}}
            		]];
            })(jQuery);
				(function($){$(document).ready(function(){
					$('div.page').keyboard({keyboard: 'azerty', plugin: 'form'});
					$('#keyboard').bind('change', function() {
						$('div.page').keyboard('keyboard', $(this).val());
					});
				})})(jQuery);
			</script>  
			<script>
			//弹窗参数
	            function openpage(shopname,pinlei,content,imgsrc) {
	            	$('#branddet .detleft h2').text(shopname);
	            	$('#branddet .detleft p').html(pinlei);
	            	$('#branddet .detmiddle').html(content);
	            	$('#branddet .detright img').attr("src",imgsrc);
	                layer.open({
	                    type: 1,
	                    title: false,
	                    closeBtn: 1,
						area: ['795px', '265px'],
	                    shadeClose: true,
	                    skin: 'yourclass',
	                    content: $('#branddet')
	                }); 
	            }
	            var abc=$('.abc') 
				var i=0; 
				function scrolltop(){
					var boxh=abc.height(); 
					var scrh=boxh-930;
					if(scrh>=0&$('.blbcon').scrollTop()<=scrh){  
							 i=$('.blbcon').scrollTop() 
							i=i+1;
							$('.blbcon').scrollTop(i)
					}
				}
				$(function(){
					var sct;
					function scroll(){
						sct = setInterval("scrolltop()",30)
					}
					var timer = setTimeout(scroll,10000);
					$("body").click(function(){
						clearTimeout(timer);
						clearInterval(sct);
						timer = setTimeout(scroll,10000);
					});
					
					var nobj=$('#searchinput');
					var nslist=$('.searchpanel');
					
					
					$("#closeBtn").click(function(){
						nobj.val("");
						nslist.hide();
						$("div.storebox").css({"display":"block"});
					});
					/* 搜索框下拉效果js */
					nobj.focus(function(){ 
						nslist.show();
						nobj.css({"background":"none"});
					});
					
					
					
					nslist.find('dd').click(function(){
						var nval=$(this).text();
						nobj.val(nval);
						nobj.css({"background":"none"});
						showSearchRes();
						nslist.hide();
						
					});
					 
					$(document).bind("click",function(e){
						if($(e.target).parents(".searchform").length==0) 
						{ 
							//nslist.hide();
							var ntext=nobj.val(); 
							if(!ntext){
								nobj.css({ 'background':'#fff url(__TMPL__Public/images/ssicon.png) left center no-repeat'})
							}  
						}  
					});
					
					$("input[name='searchBox']").keyup(function(){
						$(".searchpanel dl dd").css({"display":"none"});
						$(".searchpanel dl dd[value*='"+nobj.val()+"']").css({"display":"block"});
						$(".searchpanel dl dd[jp*='"+nobj.val()+"']").css({"display":"block"});
						
					});
					$(".keyboard").mouseup(function(){
						$(".searchpanel dl dd").css({"display":"none"});
						$(".searchpanel dl dd[value*='"+nobj.val()+"']").css({"display":"block"});
						$(".searchpanel dl dd[jp*='"+nobj.val()+"']").css({"display":"block"});
					});
					
					
					$("input[name='searchBox']").bind({
						 keydown:function(event){
							 if(event.keyCode == "13")      
							  {  
								 showSearchRes();
							  }  
						},
						change:function(){
							
							showSearchRes();
						}
					});
					function showSearchRes(){
						var shopname = $("input[name='searchBox']").val();
						 $("div.storebox").css({"display":"none"});
						 //alert($("div.storebox[shopname*='"+shopname+"']").attr("class"));
						 var obj = $("div.storebox[shopname*='"+shopname+"']");
						 if(typeof(obj.attr("class"))=="undefined"){
							 $(".blbcon .noresult").css({"display":"block"});
						 }else{ 
							 obj.css({"display":"block"});
							 $(".blbcon .noresult").css({"display":"none"});
						 }
						 
					}
					
				});
				
				$(document).ready(function(e) {
					//右侧楼层查询第一个默认选中
					$(".floorkind dd").eq(0).removeClass("whiteshadow").addClass("purpleshadow");
					$(".formkind dd").eq(0).removeClass("whiteshadow").addClass("purpleshadow");
					$(".floorkind dd").click(function(){
						var floorid = $(this).attr("floorid");
						$("div.storebox").css({"display":"none"});
						var obj = $("div.storebox[floor='"+floorid+"']");
						if(typeof(obj.attr("class"))=="undefined"){
							 $(".blbcon .noresult").css({"display":"block"});
						 }else{ 
							 obj.css({"display":"block"});
							 $(".blbcon .noresult").css({"display":"none"});
						 }
					});
					
					
					$(".formkind dd").click(function(){
						var formatid = $(this).attr("formatid");
						$("div.storebox").css({"display":"none"});
						var obj = $("div.storebox[format='"+formatid+"'],[format^='"+formatid+",'],[format$=',"+formatid+"'],[format*=',"+formatid+",']")
						if(typeof(obj.attr("class"))=="undefined"){
							 $(".blbcon .noresult").css({"display":"block"});
						 }else{ 
							 obj.css({"display":"block"});
							 $(".blbcon .noresult").css({"display":"none"});
						 }
					});
					
					$(".letterkind dd").click(function(){
						var sp = $(this).attr("sp");
						$("div.storebox").css({"display":"none"});
						var obj = $("div.storebox[sp='"+sp+"']");
						if(typeof(obj.attr("class"))=="undefined"){
							$(".blbcon .noresult").css({"display":"block"});
						}else{ 
							obj.css({"display":"block"});
							$(".blbcon .noresult").css({"display":"none"});
						}
					});
					
					
					
					var fobj=$(".tab_title");
					fobj.children("dd").click(function(){ 
						$(this).parent(".tab_title").children('dd').removeClass("purpleshadow");
						$(this).parent(".tab_title").children('dd').addClass("whiteshadow");
						$(this).addClass("purpleshadow"); 
					});
					
					//页签切换
					var ftab=$('#brandkind');
					var ctab=$('#brandlist').children('dl');
					ftab.children("dd").click(function(){ 
						var num=$(this).parent("#brandkind").children('dd').index(this); 
						ctab.hide();
						ctab.eq(num).show();
					})
					  
				});
				
		        $(document).ready(function(e) {
		        	var formatid = getUrlParam('formatid');
		        	if(formatid){
		        		$(".searchkind dd").eq(1).click();
		        		$(".formkind dd[formatid="+formatid+"]").click();
		        	}
		        });
			</script> 
        </div> 
    </div>
</div>
<div class="footer">
	<p>郑州世贸购物中心欢迎您的光临<br>祝您逛得愉快，穿的开心</p>
</div>

<script src="__TMPL__Public/js/jquery.slimscroll.min.js"></script>
<script>
	$(function(){$(".full-height-scroll").slimScroll({height:"100%"})});
</script>

</body>
</html>
